<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">

  <title>{% block title %}{% endblock %}</title>
  <link href="static/images/favicon.png" type="image/x-icon" rel="shortcut icon" />
  <link href="static/css/style.default.css" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="static/css/common.css"/>
  <link rel="stylesheet" type="text/css" href="static/css/xcConfirm.css"/>
	<script src="static/js/jquery-1.11.1.min.js"></script>
    <style type="text/css">{% block style %}{% endblock %}</style>
  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="static/js/html5shiv.js"></script>
  <script src="static/js/respond.min.js"></script>
  <![endif]-->
{% block head %}
{% endblock %}
</head>

<body>
<section>
  <div class="leftpanel">
    <div class="logopanel">
        <h1><span><img src="static/images/logo.png" alt="北京新界教育科技有限公司" /></span></h1>
    </div><!-- logopanel -->
    <div class="leftpanelinner">
      <ul class="nav nav-pills nav-stacked nav-bracket">
          <li><a href="javascript:void(0)"><i class="fa fa-home"></i> <span>管理系统</span></a></li>
      </ul>
    </div><!-- leftpanelinner -->
  </div><!-- leftpanel -->
  <!-- rightpanel -->
  <div class="mainpanel">
		<div class="headerbar" style="border:0;">
            <a class="menutoggle" style="border:0;"><i class="fa fa-bars"></i></a>
		    <div class="header-right">
		            <ul class="headermenu">
		                <li>
		                	<div class="btn-group">
								<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
									<img id="avatar" src="" alt="">
									<i id="nick_name" style="font-style:normal;">admin</i>
								</button>
								<ul class="dropdown-menu dropdown-menu-usermenu pull-right">
									<li>
										  <a href="/logout">
											  <i class="glyphicon glyphicon-star"></i>
											  <span>退出</span>
										  </a>
									</li>
								</ul>
		                	</div>
		            	</li>
		        </ul>
		    </div><!-- header-right -->
		</div><!-- headerbar -->

		<!--  以上公共  -->
		<style type="text/css">
				.has-feedback .form-control{
						padding-right:0;
				}
		</style>
		<div class="pageheader">
		    <h2><i class="fa fa-home"></i>
				{% block home %}{% endblock %}
			</h2>
		    <div class="breadcrumb-wrapper">
		        <span class="label">当前位置:</span>
		        <ol class="breadcrumb">
					{% block position %}{% endblock %}
		        </ol>
		    </div>
		</div>

		<div id="content">
			{% block body %}{% endblock %}
		</div>
		<!--   以下公共    -->
  </div>
</section>
<!--<div class="alert-ccc"></div>-->
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/jquery-migrate-1.2.1.min.js"></script>
<script src="/static/js/custom.js"></script>
<script src="/static/js/xcConfirm.js"></script>
<script type="text/javascript">
		<!--$.ajax({-->
			<!--url:"/passport/register",-->
			<!--type: "post",-->
			<!--headers: {-->
				<!--**"X-CSRFToken": getCookie("csrf_token")**-->
			<!--},-->
			<!--data: JSON.stringify(params),-->
			<!--contentType: "application/json",-->
			<!--success: function (resp) {-->
				<!--if (resp.errno == "0"){-->
					<!--// 刷新当前界面-->
				<!--location.reload()-->
				<!--}else {-->
					<!--$("#register-password-err").html(resp.errmsg)-->
					<!--$("#register-password-err").show()-->
				<!--}-->
			<!--}-->
		<!--})-->
        // Menu Toggle
       jQuery('.menutoggle').click(function(){

          var body = jQuery('body');
          var bodypos = body.css('position');

          if(bodypos != 'relative') {

             if(!body.hasClass('leftpanel-collapsed')) {
                body.addClass('leftpanel-collapsed');
                jQuery('.nav-bracket ul').attr('style','');

                jQuery(this).addClass('menu-collapsed');

             } else {
                body.removeClass('leftpanel-collapsed chat-view');
                jQuery('.nav-bracket li.active ul').css({display: 'block'});

                jQuery(this).removeClass('menu-collapsed');

             }
          } else {

             if(body.hasClass('leftpanel-show'))
                body.removeClass('leftpanel-show');
             else
                body.addClass('leftpanel-show');

             adjustmainpanelheight();
          }

       });
	    {#var str = window.location.href;
	    if(str.indexOf('organizations') > -1){
	    	$('.nav-bracket>li').eq(1).addClass('active').siblings('li').removeClass('active')
	    }else if(str.indexOf('app_version') > -1){
	    	$('.nav-bracket>li').eq(2).addClass('active').siblings('li').removeClass('active')
	    }else if(str.indexOf('templets') > -1){
	    	$('.nav-bracket>li').eq(3).addClass('active').siblings('li').removeClass('active')
	    }#}
</script>
{% block script %}
{% endblock %}
</body>
</html>


